<html>
<head>
	<title>Gestion de Mesas</title>
  <style type="text/css">
	body {	background-color: gray; padding: 20px; font-family: Segoe UI; }
	h1, h2 { font-weight: lighter; }
	h1 { border-bottom: 1px solid black; }
	.button	{ margin-top: 5px;	clear: both; width: 150px; }
	#gestion-mesas { width: 50%; border: 1px solid black; margin-left: 25%; background-color: white; padding: 20px; }
  </style>
</head>
<body>
	<div id="gestion-mesas">
		<h1>Gestion de Mesas</h1>
		
		<h2>Opciones</h2>
		<div class="button">
			<input type="button" value="Abrir mesa" class="button" />
		</div>
		
		<div class="button">
			<input type="button" value="Cerrar mesa" class="button"/>
		</div>
		
		<div class="button">
			<input type="button" value="Crear pedido" class="button"/>
		</div>
	</div>
<body>
<html>